import React, { Component } from 'react';

import axios from 'axios'

export default class App extends Component {
    render() {
        return (
            <div>
                <button onClick={this.getStu}>点击请求学生数据</button>
                <button onClick={this.getCar}>点击请求汽车数据</button>
            </div>
        )
    }

    getStu = () => {
        console.log('可以请求到学生数据');
        //把请求的地址写成自己的地址，后边的路径保持不变，当先访问3000的时候，如果没有资源，则会自动走proxy代理去请求
        axios.get('http://localhost:3000/api1/students')
            .then(req => {
                console.log(req);
            })
            .catch(reason => {
               console.log(reason);
            })
    }

    getCar = () => {
        console.log('可以请求到汽车数据');
        //把请求的地址写成自己的地址，后边的路径保持不变，当先访问3000的时候，如果没有资源，则会自动走proxy代理去请求
        axios.get('http://localhost:3000/api2/cars')
            .then(req => {
                console.log(req);
            })
            .catch(reason => {
               console.log(reason);
            })
    }

}
